html,body{padding:0;margin:0;font-family:Microsoft YaHei, Helvetica, Arial, sans-serif;font-size:62.5%}
a{text-decoration: none;}
#section0{
	position:relative;
}
#section3{
	background: url(img/phone-section3-bg.png) no-repeat;
	background-size:100% auto;
}
#section5{
	background: url(img/phone-section5-bg.png) no-repeat;
	background-size:100% auto;
}
.section-body{
	padding:8%;
	margin-top:30%;
	text-align: center;
}
.section-title{
	font-size:8rem;
	letter-spacing:6px;
	font-weight:500;
	color:#000;
}
.section-left-des,.section-right-des{
	font-size:3rem;
	letter-spacing:6px;
	color:#afafaf;
}
.iphone{
	font-size:3rem;
}
	.section-left-des p,.section-right-des p{
		margin:10px;
	}
#yhq{
	position:absolute;bottom:0;width:100%
}
#person1{
	padding:0;
}
.section-left-img,.section-right-img{
	width:64%;
	position: absolute;
	bottom:-80%;
	left:19%;
}

/*iphone4*/
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2)and (device-aspect-ratio: 2/3) {
	.section-left-img,.section-right-img{
		width:60%;
		position: absolute;
		bottom:-80%;
		left:20%;
	}
	#yhq{
		position:absolute;bottom:0;width:76%;left:12%;
	}
}


.transform-right{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); 	/* IE 9 */
	-moz-transform:rotate(7deg); 	/* Firefox */
	-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
	-o-transform:rotate(7deg)
}
.transform-left{
	transform:rotate(-7deg);
	-ms-transform:rotate(-7deg); 	/* IE 9 */
	-moz-transform:rotate(-7deg); 	/* Firefox */
	-webkit-transform:rotate(-7deg); /* Safari 和 Chrome */
	-o-transform:rotate(-7deg)
}
.btn-android img,.btn-apple img{
	float:left;
	width:5rem;
	margin-left:25px;
	margin-top:5px;
}
.btn-apple{
	color:#35c5c5;
	margin-top:20px;
    height: 7.5rem;
    line-height: 7.5rem;
    width: 65%;
    margin:40px auto;
    display: block;
    border: 0.3rem solid #35c5c5;
    border-radius: 5rem;
    padding: 6px 40px;
    font-size:3.5rem;
    letter-spacing:6px;
}
.btn-android{
	margin-top:100px;
	background:#35c5c5;
	color:#fff;
    height: 7.5rem;
    line-height: 7.5rem;
    width: 65%;
    margin:40px auto;
    display: block;
    border: 0.3rem solid #35c5c5;
    border-radius: 5rem;
    padding: 6px 40px;
    font-size:3.5rem;
    letter-spacing:6px;
}
#section2-div,#section3-div,#section4-div,#section5-div{
	opacity: 0;
}

/*团队*/
.tip{
	padding:30px 100px;
	color:#fff;
	background:#444;
	position:absolute;
	top:0;
	left:0;
	font-size:3rem;
}
.team-body-left,.team-body-right{
	text-align:center;
	overflow: hidden;
	padding:10% 5%;
	position:relative;
}
.team-body-left h1,.team-body-right h1{
	font-size:5rem;
	color:#fff;
}
.team-person-des{
	font-size:4.5rem;
 	overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal
}
.team-body-left .img{
	width:60%;
	float:left;
	height:500px;
}
.team-body-right .img{
	width:60%;
	float:right;	
	height:500px;
}
.des-right{
	float:right;
	width:40%;
}
.des-left{
	float:left;
	width:40%;
}

#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 20px 40px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	font-size:4rem;
	position:absolute;
	bottom:100px;
	text-align: center;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}
#person1 .img{margin:0 auto;float:none;}
#jj-div .des-left{width:100%;}
#jj-div{padding-top:0;}
#jj{font-size:4.5rem;margin:0 auto;text-align:left;line-height:4.5rem;} 
#jj p{margin:0;}
.tipwx{
	position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1;